<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>
<style>
	html{
		background-color: rgba(217,217,217,0.80);
		margin: 0;
		padding: 0;
	}
	.box{
		width:880px;
		height: 110px;
		margin: 10px auto;
		display: flex;
		justify-content: space-between
	}
	.boxleft{
		width:230px;
	}
	.boxright{
		width: 640px;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between
	}
	.smbox{
		width: 200px;
		height: 300px;
		margin-top: 5px
	}
	</style>
<body>
	<div class="box">
		<div class="boxleft">
			<img src="imgs/zwork5img1.png" width="100%" height="auto" alt="">
		</div>
		<div class="boxright">
				<div class="smbox">
					<img src="imgs/zwork5img2.png" width="100%" height="100%" alt="">
				</div>
				<div class="smbox">
					<img src="imgs/zwork5img2.png" width="100%" height="100%" alt="">
				</div>
				<div class="smbox">
					<img src="imgs/zwork5img2.png" width="100%" height="100%" alt="">
				</div>
			<div class="smbox">
					<img src="imgs/zwork5img2.png" width="100%" height="100%" alt="">
				</div>
				<div class="smbox">
					<img src="imgs/zwork5img2.png" width="100%" height="100%" alt="">
				</div>
				<div class="smbox">
					<img src="imgs/zwork5img2.png" width="100%" height="100%" alt="">
				</div>
		</div>
	</div>
</body>
</html>
